// 定义主题映射
$themes: (
  // 高级黑 (默认)
  black: (
    // 字体颜色
    primary-color: #000000,
    secondary-color: #666666,
    text-color: #000000,
    caption-color: #888888,
    inverse-color: #FFFFFF,
    
    // 背景色
    bg-color: #1A1A1A,
    bg-secondary-color: #2D2D2D,
    bg-inverse-color: #FFFFFF,
    
    // 主题色
    theme-color: #1A1A1A,
    theme-secondary-color: #2D2D2D,
    
    // 字号
    title-size: 36rpx,
    subtitle-size: 32rpx,
    body-size: 28rpx,
    caption-size: 24rpx,
    btn-text-size: 30rpx,
    
    // 字重
    title-weight: 600,
    subtitle-weight: 500,
    body-weight: 400,
    caption-weight: 300,
    btn-text-weight: 500,
    
    // 扩展样式属性
    border-radius-sm: 8rpx,
    border-radius-md: 16rpx,
    border-radius-lg: 24rpx,
    border-color: #444444,
    border-width: 1rpx,
    shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.1),
    shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.15),
    shadow-lg: 0 8rpx 24rpx rgba(0, 0, 0, 0.2),
    opacity-disabled: 0.5,
    spacing-xs: 8rpx,
    spacing-sm: 16rpx,
    spacing-md: 24rpx,
    spacing-lg: 32rpx,
    spacing-xl: 48rpx,
    
    // 组件特定变量
    button-bg-color: #1A1A1A,
    button-text-color: #FFFFFF,
    button-border-color: #444444,
    button-hover-bg-color: #2D2D2D,
    input-bg-color: #FFFFFF,
    input-text-color: #333333,
    input-border-color: #DDDDDD,
    input-placeholder-color: #888888,
    card-bg-color: #FFFFFF,
    card-text-color: #333333,
    card-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.15),
    navbar-bg-color: #1A1A1A,
    navbar-text-color: #FFFFFF,
    navbar-active-color: #FFD700,
    tag-bg-color: #2D2D2D,
    tag-text-color: #FFFFFF,
    tag-border-color: #444444,
    alert-success-bg: #D4EDDA,
    alert-success-text: #155724,
    alert-success-border: #C3E6CB,
    alert-warning-bg: #FFF3CD,
    alert-warning-text: #856404,
    alert-warning-border: #FFEEBA,
    alert-error-bg: #F8D7DA,
    alert-error-text: #721C24,
    alert-error-border: #F5C6CB,
    alert-info-bg: #D1ECF1,
    alert-info-text: #0C5460,
    alert-info-border: #BEE5EB
  ),
  
  // 高级蓝
  blue: (
    // 保持所有相同的键，但值不同
    primary-color: #1565C0,
    secondary-color: #64B5F6,
    text-color: #333333,
    caption-color: #757575,
    inverse-color: #FFFFFF,
    
    bg-color: #E3F2FD,
    bg-secondary-color: #BBDEFB,
    bg-inverse-color: #FFFFFF,
    
    theme-color: #1976D2,
    theme-secondary-color: #42A5F5,
    
    title-size: 36rpx,
    subtitle-size: 32rpx,
    body-size: 28rpx,
    caption-size: 24rpx,
    btn-text-size: 30rpx,
    
    title-weight: 600,
    subtitle-weight: 500,
    body-weight: 400,
    caption-weight: 300,
    btn-text-weight: 500,
    
    // 扩展样式属性
    border-radius-sm: 8rpx,
    border-radius-md: 16rpx,
    border-radius-lg: 24rpx,
    border-color: #BBDEFB,
    border-width: 1rpx,
    shadow-sm: 0 2rpx 8rpx rgba(25, 118, 210, 0.1),
    shadow-md: 0 4rpx 16rpx rgba(25, 118, 210, 0.15),
    shadow-lg: 0 8rpx 24rpx rgba(25, 118, 210, 0.2),
    opacity-disabled: 0.5,
    spacing-xs: 8rpx,
    spacing-sm: 16rpx,
    spacing-md: 24rpx,
    spacing-lg: 32rpx,
    spacing-xl: 48rpx,
    
    // 组件特定变量
    button-bg-color: #1976D2,
    button-text-color: #FFFFFF,
    button-border-color: #1976D2,
    button-hover-bg-color: #1565C0,
    input-bg-color: #FFFFFF,
    input-text-color: #333333,
    input-border-color: #BBDEFB,
    input-placeholder-color: #757575,
    card-bg-color: #FFFFFF,
    card-text-color: #333333,
    card-shadow: 0 4rpx 16rpx rgba(25, 118, 210, 0.15),
    navbar-bg-color: #1976D2,
    navbar-text-color: #FFFFFF,
    navbar-active-color: #FFD700,
    tag-bg-color: #42A5F5,
    tag-text-color: #FFFFFF,
    tag-border-color: #1976D2,
    alert-success-bg: #D4EDDA,
    alert-success-text: #155724,
    alert-success-border: #C3E6CB,
    alert-warning-bg: #FFF3CD,
    alert-warning-text: #856404,
    alert-warning-border: #FFEEBA,
    alert-error-bg: #F8D7DA,
    alert-error-text: #721C24,
    alert-error-border: #F5C6CB,
    alert-info-bg: #D1ECF1,
    alert-info-text: #0C5460,
    alert-info-border: #BEE5EB
  ),
  
  // 高级咖啡色 (Brown)
  brown: (
    // ========== 基础色系 ==========
    // 字体颜色
    primary-color: #5D4037,   // 深咖啡色，用于主要文字、标题
    secondary-color: #8D6E63, // 略浅的咖啡色，用于次级文字
    text-color: #4E342E,      // 用于正文字体，比 primary-color 更深以确保可读性
    caption-color: #9E9E9E,   // 辅助/说明文字
    inverse-color: #FFFFFF,    // 反色文字（用于深色背景上）
  
    // 背景色
    bg-color: #EFEBE9,        // 全局背景，浅米灰，温暖舒适
    bg-secondary-color: #D7CCC8, // 次级背景，浅咖啡灰
    bg-inverse-color: #FFFFFF,   // 反色背景（用于深色文字上）
  
    // 主题色
    theme-color: #6D4C41,       // 主主题色，标准的咖啡色
    theme-secondary-color: #A1887F, // 次主题色，浅咖啡色
  
    // ========== 功能色系 ==========
    // 成功、警告、错误、信息色（建议保持通用性，也可微调以更贴合咖啡主题）
    success-color: #689F38,    // 成功的绿色
    warning-color: #FFA000,    // 警告的橙色
    error-color: #D32F2F,      // 错误的红色
    info-color: #0288D1,       // 信息的蓝色
  
    // 边框
    border-color: #D7CCC8,      // 常规边框色
    border-color-light: #EFEBE9, // 轻边框色
    border-color-dark: #5D4037,  // 重边框色
    border-width: 1rpx,         // 边框粗细
  
    // 阴影 (可适当调整色调)
    shadow-sm: 0 2rpx 8rpx rgba(109, 76, 65, 0.1),  // 带咖啡色色调的阴影
    shadow-md: 0 4rpx 16rpx rgba(109, 76, 65, 0.15),
    shadow-lg: 0 8rpx 24rpx rgba(109, 76, 65, 0.2),
  
    // ========== 尺寸 & 其他 ==========
    // 字号 (可根据需要调整)
    title-size: 36rpx,
    subtitle-size: 32rpx,
    body-size: 28rpx,
    caption-size: 24rpx,
    btn-text-size: 30rpx,
  
    // 字重
    title-weight: 600,
    subtitle-weight: 500,
    body-weight: 400,
    caption-weight: 300,
    btn-text-weight: 500,
  
    // 圆角
    border-radius-sm: 8rpx,
    border-radius-md: 16rpx,
    border-radius-lg: 24rpx,
  
    // 间距
    spacing-xs: 8rpx,
    spacing-sm: 16rpx,
    spacing-md: 24rpx,
    spacing-lg: 32rpx,
    spacing-xl: 48rpx,
  
    // 透明度
    opacity-disabled: 0.5,
  
    // ========== 组件变量 ==========
    // 按钮
    button-bg-color: #6D4C41,          // 按钮背景色
    button-text-color: #FFFFFF,        // 按钮文字颜色
    button-border-color: #6D4C41,      // 按钮边框色
    button-hover-bg-color: #5D4037,    // 按钮悬停背景色
  
    // 输入框
    input-bg-color: #FFFFFF,           // 输入框背景
    input-text-color: #4E342E,         // 输入文字颜色
    input-border-color: #D7CCC8,       // 输入框边框色
    input-placeholder-color: #9E9E9E,  // 输入框占位符颜色
  
    // 卡片
    card-bg-color: #FFFFFF,            // 卡片背景
    card-text-color: #4E342E,          // 卡片文字颜色
    card-shadow: 0 4rpx 16rpx rgba(109, 76, 65, 0.15), // 卡片阴影
  
    // 导航栏
    navbar-bg-color: #5D4037,          // 导航栏背景
    navbar-text-color: #FFFFFF,        // 导航栏文字颜色
    navbar-active-color: #FFD700,      // 导航栏激活项颜色 (如金丝雀黄，形成对比)
  
    // 标签
    tag-bg-color: #E8E0DD,             // 标签背景 (非常浅的咖啡色调)
    tag-text-color: #5D4037,           // 标签文字
    tag-border-color: transparent,     // 标签边框 (通常无色或与背景相近)
  
    // 警告框 (Alert) - 状态色
    alert-success-bg: #E8F5E9,         // 成功背景
    alert-success-text: #2E7D32,       // 成功文字
    alert-success-border: #C8E6C9,     // 成功边框
  
    alert-warning-bg: #FFF9C4,         // 警告背景
    alert-warning-text: #FF8F00,       // 警告文字
    alert-warning-border: #FFECB3,     // 警告边框
  
    alert-error-bg: #FFEBEE,           // 错误背景
    alert-error-text: #C62828,         // 错误文字
    alert-error-border: #FFCDD2,       // 错误边框
  
    alert-info-bg: #E3F2FD,            // 信息背景
    alert-info-text: #1565C0,          // 信息文字
    alert-info-border: #BBDEFB,        // 信息边框
  )
);